<template>
	<div class="main-content">
		<div class="row">
			<div class="col-sm-4 col-md-3">
				<ul class="template-title-fl">
					<li><button @click="modalOpen" type="button" class="btn btn-default btn-theme addBtn">子组件弹出</button></li>
				</ul>
			</div>

           <MyModal v-bind:modalShow="modalShow"></MyModal>
		</div>

	</div>
</template>

<script>
	import MyModal from './modal.vue'
	export default {
		data() {
				return {
					modalShow: false
				}
			},
			methods: {
				modalOpen() {
					this.modalShow = true;
				},
				modalClose() {
					this.modalShow = false;
				}
			},
			components: {
				MyModal
			}
	}
</script>
